<div class="list">
  <div class="title">
    <div class="left">{{mname}}</div>
    <div class="right" (click)="clearShopping()"><i class="fa fa-trash" aria-hidden="true"></i> 清空购物车</div>
  </div>
  <br>
  <div class="item-box">

    <div class="d1" *ngFor="let v of shoppingList">
      <div class="d2" *ngFor="let v1 of v.foodList">
        <div class="d3" *ngIf="v1.type == '0' && v1.count > 0">
          <div class="item">
            <div class="name">{{v1.name}}</div>
            <!--<div class="set" *ngIf="v.type != '0'">口味设置</div>-->
            <div class="op">
              <span class="price">￥{{v1.price | price}}</span>
              <span class="reduce"><img src="assets/images/reduce.png" alt="" (click)="reduce(v,v1)"></span>
              <span class="num">{{v1.count}}</span>
              <span class="add"><img src="assets/images/add.png" alt="" (click)="add(v,v1)"></span>
            </div>
          </div>
        </div>

        <div class="d3" *ngIf="v1.type == '1' && v1.count > 0">
          <div class="d4" *ngFor="let v2 of v1.typeList.radioType;let inx =index;">
            <div class="item">
              <div class="name">{{v1.name}} <span style="color: red;font-size: 12px">({{v2.value}})</span></div>
              <!--<div class="set" *ngIf="v.type != '0'">口味设置</div>-->
              <div class="op">
                <span class="price">￥{{v2.price * v2.count | price}}</span>
                <span class="reduce"><img src="assets/images/reduce.png" alt="" (click)="reduce(v,v1,inx)"></span>
                <span class="num">{{v2.count}}</span>
                <span class="add"><img src="assets/images/add.png" alt="" (click)="add(v,v1, inx)"></span>
              </div>
            </div>
          </div>
        </div>

        <div class="d3" *ngIf="v1.type == '2' && v1.count > 0">
          <div class="d4" *ngFor="let v2 of v1.typeList.multiType;let inx =index;">
            <div class="item">
              <div class="name">{{v1.name}} <span style="color: red;font-size: 12px">(多选)</span></div>
              <!--<div class="set" *ngIf="v.type != '0'">口味设置</div>-->
              <div class="op">
                <span class="price">￥{{v1.price | price}}</span>
                <span class="reduce"><img src="assets/images/reduce.png" alt="" (click)="reduce(v,v1,inx)"></span>
                <span class="num">{{v2.count}}</span>
                <span class="add"><img src="assets/images/add.png" alt="" (click)="add(v,v1,inx)"></span>
              </div>
            </div>
          </div>
        </div>

        <div class="d3" *ngIf="v1.type == '3' && v1.count > 0">
          <div class="d4" *ngFor="let v2 of v1.typeList.pumpType;let inx =index;">
            <div class="item">
              <div class="name">{{v1.name}} <span style="color: red;font-size: 12px">(抽选)</span></div>
              <!--<div class="set" *ngIf="v.type != '0'">口味设置</div>-->
              <div class="op">
                <span class="price">￥{{v1.price | price}}</span>
                <span class="reduce"><img src="assets/images/reduce.png" alt="" (click)="reduce(v,v1,inx)"></span>
                <span class="num">{{v2.count}}</span>
                <span class="add"><img src="assets/images/add.png" alt="" (click)="add(v,v1,inx)"></span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
